<wicket:head>
	<style>
		input{  
			width: expression((this.type=="text" ) ? "200px" : "style"); 
			height:expression((this.type=="text" ) ? "22px" : "style"); 
		}  
		input[type=text] {
		 height:22px;
		 width:200px;	
		}
	</style>
</wicket:head>
<wicket:extend>
	<div style="padding:2px;border:1px solid #ccc">

	<table width="100%" height="95%" border="0" cellspacing="0" cellpadding="0">
	<tr height="60%">
	<td>
	<form wicket:id="form">
		<div wicket:id="navigatorBar"></div>
		<hr/>
		文本字段:&nbsp;<INPUT wicket:id="textfield" type="text" />&nbsp;<font color="red">*</font><br/>
		数字字段:&nbsp;<INPUT wicket:id="numfield" type="text" /><br/>
		日期字段:&nbsp;<INPUT wicket:id="datefield" type="text" />&nbsp;<font color="red">*</font><br/>
		代码字段1:<INPUT wicket:id="codefield1" type="text" />&nbsp;<font color="red">*</font><br/>
		代码字段2:<INPUT wicket:id="codefield2" type="text" />&nbsp;<font color="red">*</font><br/>	<br/>
	</form>
	</td>
	</tr>
	<tr>
		<td>
		<font color="red">
	这里只是列子，别copy此HTML文件！<br/>
	此处提交是Ajax方式，若feedback应放在页面上方，需要在target里加入日期和代码字段的FormComponent，否则图标显示位置不对！
		</font>
		</td>
	</tr>
	<tr>
		<td>
			<div wicket:id="feedback">feedbackmessages will be put here</div>
		</td>
	</tr>
	</table>	
	</div>
</wicket:extend>